<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/bootstrap.css">
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" type="text/css" href="css/animation.css"/>
		<link rel="stylesheet" href="css/footer.css">
	</head>
	<body>
		<!-- 头部导航条 开始 -->
		<header>
			<nav class="navbar navbar-inverse navbar-fixed-top">
			  <div class="container">
			    <!-- Brand and toggle get grouped for better mobile display -->
			    <div class="navbar-header">
			      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
			        <span class="sr-only">Toggle navigation</span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			      </button>
			      <a class="navbar-brand" href="#"><img src="images/logo_03.png" alt=""></a>
			    </div>
			
			    <!-- Collect the nav links, forms, and other content for toggling -->
			    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			      <ul class="nav navbar-nav">
			        <li class="active"><a href="index.html">首项 <span class="sr-only">(current)</span></a></li>
			        <li><a href="layafamily.html">Laya家族</a></li>
			        <li><a href="games.html">游戏</a></li>
			        <li><a href="news.html">新闻动态</a></li>
			        <li><a href="aboutus.html">开发者中心</a></li>
			        <li><a href="#">开发者社区</a></li>
			        <li><a href="#">开放平台</a></li>
			        <li><a href="#">关于我们</a></li>
				  </ul>
				  
			      <ul class="nav navbar-nav navbar-right">
			        <li class="dropdown">
			          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
			          <ul class="dropdown-menu">
			            <li><a href="#">中文</a></li>
			            <li><a href="#">English</a></li>
			          </ul>
			        </li>
			      </ul>
			    </div>
			  </div>
			</nav>
		</header>
		<!-- 头部导航条 结束 -->
		
		<!-- 中间的大图片 开始-->
		<section class="layaimg">
			<div class="container">
				<div class="row">
					<div class="col-lg-12 fadeInDown animated">
						<img src="images/layaimg_03.png" class="img-hover img-responsive" alt="">
					</div>
				</div>
			</div>
		</section>
		<!-- 中间的大图片 结束-->
		
		<!-- flash引擎 开始 -->
		<section class="layaflash">
			
			<div class="container flash_bg">
				<div class="row">
					<div class="col-md-12 title fadeInLeft animated">
						<!-- <div class="row"> -->
							<h1>LayaFlash 引擎</h1>
							<p>让Flash技术变成开发HTML5产品的利器</p>
						<!-- </div>					 -->
					</div>
				</div>
				<!-- 内容排列 -->
				<div class="item_content col-md-8 col-sm-8 col-xs-12">
					<div class="row">
						<!-- 第一个 -->
						<div class="col-md-6 flash-item fadeInDown animated">
							<div class="row">
								<div class="col-md-3 col-sm-3 col-xs-3 flash-icon flash-icon0">
									<!-- <img src="images/layaflash_03.png" alt=""> -->
								</div>
								<div class="col-md-9 col-sm-9 col-xs-9">
									<h3>快速Flash产品转换</h3>
									<p>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</p>
								</div>
							</div>
						</div>
						<!-- 第二个 -->
				
					<div class="col-md-6 flash-item fadeInDown animated">
						<div class="row">
							<div class="col-md-3 col-sm-3 col-xs-3 flash-icon flash-icon1">
								<!-- <img src="images/layaide_03.png" alt=""> -->
							</div>
							<div class="col-md-9 col-sm-9 col-xs-9">
								<h3>LayaFlash IDE</h3>
								<p>支持代码编译、调试、压缩与混淆加密、资源转换、在线文档等功能</p>
							</div>
						</div>
					</div>
						<!-- 第三个 -->
					
					<div class="col-md-6 flash-item fadeInDown animated">
						<div class="row">
							<div class="col-md-3 col-sm-3 col-xs-3 flash-icon flash-icon2">
								<!-- <img src="images/layajichu_03.png" alt=""> -->
							</div>
							<div class="col-md-9 col-sm-9 col-xs-9">
								<h3>HTML零学习成本</h3>
								<p>AS3开发者可直接使用Flash开源框架和工具链进行开发HTML5</p>
							</div>
						</div>
					</div>
						<!-- 第四个 -->
					
					<div class="col-md-6 flash-item fadeInDown animated">
						<div class="row">
							<div class="col-md-3 col-sm-3 col-xs-3 flash-icon flash-icon3">
								<!-- <img src="images/layarocket_03.png" alt=""> -->
							</div>
							<div class="col-md-9 col-sm-9 col-xs-9">
								<h3>性能媲美APP</h3>
								<p>LayaFlash引擎的重度游戏已运行于QQ空间等平台，性能媲美APP</p>
							</div>
						</div>
					</div>
					</div>
				</div>
					
			</div>
		</section>
		<!-- flash引擎 结束 -->
		
		<!-- layabox 优势 开始-->
		
		<section class="layabox">
			
			<div class="container">
				<div class="row">
					<!-- 左边的图显示 -->
					<div class="col-md-4 col-sm-4 col-xs-12 fadeInLeft animated">
						<div class="earthimg">
							<img src="images/diqiu_07.png" alt="">
						</div>
					</div>
					
					<!-- 右边的文字显示 -->
					<div class="col-md-7 col-md-offset-1 col-sm-8 col-xs-12 fadeInDown animated">
						<div class="layatop">
							<h1>Layabox 优势</h1>
						</div>
						<div class="item-youshi">
							<ul>
								<li>
									<a href="">
										<div class="bot img1">
											<img src="images/360_03.png" alt="">
										</div>
										<div class="bot-text">快速上手，flash程序员3小时掌握HTML5开发</div>
									</a>
								</li>
								<li>
									<a href="">
										<div class="bot img2">
											<img src="images/smallrocket_03.png"">
										</div>
										<div class="bot-text">快速上手，flash程序员3小时掌握HTML5开发</div>
									</a>
								</li>
								<li>
									<a href="">
										<div class="bot img3">
											<img src="images/yidong_03.png" alt="">
										</div>
										<div class="bot-text">快速上手，flash程序员3小时掌握HTML5开发</div>
									</a>
								</li>
								<li>
									<a href="">
										<div class="bot img4">
											<img src="images/game_03.png" alt="">
										</div>
										<div class="bot-text">快速上手，flash程序员3小时掌握HTML5开发</div>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- layabox 优势 结束-->
		
		<!-- laya产品家族 开始-->
		<section class="product">
			<div class="container">
			    <div class="row">
				    <div class="col-md-12 fadeInDown animated text-center">
					    <h1>Laya产品家族</h1>
				    </div>
				<!-- 1 -->
				<div class="clearfix item-product">
				    <div class="col-md-6 col-sm-6 col-lg-6">
					    <div class="layaair">
						    <div class="col-md-4 col-sm-4 col-xs-12 airimg fadeInLeft animated"></div>
						    <div class="col-md-8 col-sm-8 col-xs-12 airtext fadeInDown animated">
								<h4>LayaAir</h4>
								<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>
							</div>
					    </div>
				    </div>
				
					<!--  -->
					<div class="col-md-6 col-sm-6 col-lg-6">
					    <div class="layaair">
						    <div class="col-md-4 col-sm-4 col-xs-12 publishimg fadeInLeft animated"></div>
						    <div class="col-md-8 col-sm-8 col-xs-12 airtext fadeInDown animated">
								<h4>LayaPublish</h4>
								<p>Layabox发行业务，通过在H5产业链中的技术桥梁优势，帮助CP获得流量支持。</p>
							</div>
					    </div>
					</div>
				
				</div>
					<!-- 2 -->
				<div class="clearfix item-product">
					<div class="col-md-6 col-sm-6 col-lg-6">
					    <div class="layaflash0">
						    <div class="col-md-4 col-sm-4 col-xs-12 flashimg fadeInLeft animated"></div>
						    <div class="col-md-8 col-sm-8 col-xs-12 airtext fadeInDown animated">
								<h4>LayaFlash</h4>
								<p>使用Flash AS3语言开发H5的引擎框架，可直接在FB或FD中开发、调试、编译H5，也可快速将Flash页游\手游转换成H5游戏。</p>
							</div>
					    </div>
					</div>
					<!--  -->
					<div class="col-md-6 col-sm-6 col-lg-6">
					    <div class="layastore">
						    <div class="col-md-4 col-sm-4 col-xs-12 layastoreimg fadeInLeft animated"></div>
						    <div class="col-md-8 col-sm-8 col-xs-12 airtext fadeInDown animated">
								<h4>LayaStore</h4>
								<p>嵌入式HTML5商城，APP只需嵌入20K的SDK即可以获得托管式HTML5商店服务，进入流量获利新时代。</p>
							</div>
					    </div>
					</div>
				</div>
					<!-- 3 -->
				<div class="clearfix item-product">
					<div class="col-md-6 col-sm-6 col-lg-6">
					    <div class="layaplayer">
						    <div class="col-md-4 col-sm-4 col-xs-12 layaplayerimg fadeInLeft animated"></div>
						    <div class="col-md-8 col-sm-8 col-xs-12 airtext fadeInDown animated">
								<h4>LayaPlayer</h4>
								<p>HTML5高速运行器，性能卓越、支持大型HTML5游戏流畅运行，目前已植入QQ、百度等20多家主流平台，安装量超5亿。</p>
							</div>
					    </div>
					</div>
					<!--  -->
					<div class="col-md-6 col-sm-6 col-lg-6">
					    <div class="layaopen">
						    <div class="col-md-4 col-sm-4 col-xs-12 layaopenimg fadeInLeft animated"></div>
						    <div class="col-md-8 col-sm-8 col-xs-12 airtext fadeInDown animated">
								<h4>LayaOpen</h4>
								<p>Layabox开放平台，整合了Laya提供的各项运营，管理服务的服务，提供给游戏提供商和互联网渠道的统一开放平台。</p>
							</div>
					    </div>
					</div>
				</div>
			    </div>
			</div>
		</section>
		<!-- laya产品家族 结束-->
		
		<!-- 采用Layabox引擎的精彩游戏 开始 -->
		<section class="plgame">
			<div class="container">
				<!-- 头顶的标题 -->
				<div class="row">
					<div class="col-md-10 col-sm-8 col-xs-12 fadeInLeft animated">
						<h1>采用Layabox引擎的精彩游戏</h1>
					</div>
					<div class="col-md-2 col-sm-4 hidden-xs more">
						<a href="" class="pull-right">更多</a>
					</div>
				</div>
				<!-- 视频内容显示 -->
				<div class="row">
					<div class="col-md-5 col-sm-5 text-center fadeInUp animated">
						<div class="video">
							<img src="images/gamevideo_03.jpg" alt="">
						</div>
					</div>
					<!-- 右边的内容 -->
					<div class="col-md-7 col-sm-7">
						<!-- diyihang -->
						<div class="row item-video fadeInUp animated">
							<!-- 1 -->
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="videoimg">
									<img src="images/lieren_03.png" alt="">
									<p>猎刃2</p>
								</div>
							</div>
							<!-- 2 -->
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="videoimg">
									<img src="images/shangbazhugong_03.jpg">
									<p>上吧主公</p>
								</div>
							</div>
							<!-- 3 -->
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="videoimg">
									<img src="images/zuixiyou_03.jpg">
									<p>醉西游</p>
								</div>
							</div>
							<!-- 4 -->
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="videoimg">
									<img src="images/mokahuanxiang_03.jpg">
									<p>魔卡幻想</p>
								</div>
							</div>
							<!-- 5 -->
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="videoimg">
									<img src="images/chaonengzhandui_03.jpg">
									<p>超能战队</p>
								</div>
							</div>
							<!-- 6 -->
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="videoimg">
									<img src="images/daotadaluo_03.jpg">
									<p>刀塔大菠萝</p>
								</div>
							</div>
						<!-- </div> -->
						<!-- dierhang 开始-->
						
						<!-- <div class="row item-video"> -->
							<!-- 1 -->
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="videoimg">
									<img src="images/hongsanguo_03.jpg">
									<p>轰三国</p>
								</div>
							</div>
							<!-- 2 -->
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="videoimg">
									<img src="images/minilieren_03.jpg">
									<p>迷你超人</p>
								</div>
							</div>
							<!-- 3 -->
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="videoimg">
									<img src="images/mengguasanguo_03.jpg">
									<p>蒙挂三国</p>
								</div>
							</div>
							<!-- 4 -->
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="videoimg">
									<img src="images/duotasanguo_03.jpg">
									<p>夺塔三国</p>
								</div>
							</div>
							<!-- 5 -->
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="videoimg">
									<img src="images/yingxiongzhengba_03.jpg">
									<p>英雄争霸</p>
								</div>
							</div>
							<!-- 6 -->
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="videoimg">
									<img src="images/zhanzhengmoshi_03.jpg">
									<p>战争之门</p>
								</div>
							</div>
						</div>
						<!-- 第二行 结束 -->
					</div>
				</div>
			</div>
		</section>
		<!-- 采用Layabox引擎的精彩游戏 结束 -->
		
		<!-- 合作伙伴 开始 -->
		<section class="partners">
			<div class="container">
				<div class="row">
					<div class="col-md-12 col-xs-12">
						<h1>合作伙伴</h1>
						<span class="biaoozhu">(排序不分先后)</span>
					</div>
				</div>
				<!--  -->
				<div class="row">
					<div class="col-md-12">
						<div class="row fadeInDown animated">
							<div class="col-md-2 col-sm-3 col-xs-4 partner-item">
								<div class="listimg thumbnail">
									<img src="images/qqkongjian_07.jpg">
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 partner-item">
								<div class="listimg thumbnail">
									<img src="images/qqliulanqi_07.jpg" class="img-responsive">
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 partner-item">
								<div class="listimg thumbnail">
									<img src="images/baidu_07.jpg" class="img-responsive">
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 partner-item">
								<div class="listimg thumbnail">
									<img src="images/sina_07.jpg" class="img-responsive">
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 partner-item">
								<div class="listimg thumbnail">
									<img src="images/aiyouxi_07.jpg">
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 partner-item">
								<div class="listimg thumbnail">
									<img src="images/xiaowo_07.jpg">
								</div>
							</div>
							<!--  -->
							<div class="col-md-2 col-sm-3 col-xs-4 partner-item">
								<div class="listimg thumbnail">
									<img src="images/migu_07.jpg">
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 partner-item">
								<div class="listimg thumbnail">
									<img src="images/liebao_07.jpg">
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 partner-item">
								<div class="listimg thumbnail">
									<img src="images/meituxiuxiu_07.jpg">
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 partner-item">
								<div class="listimg thumbnail">
									<img src="images/yy_07.jpg">
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 partner-item">
								<div class="listimg thumbnail">
									<img src="images/huosu_07.jpg">
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 partner-item">
								<div class="listimg thumbnail">
									<img src="images/kuwo.jpg" class="img-hover img-responsive">
								</div>
							</div>
							
							
							<!--  -->
						</div>
						
					</div>
				</div>
			</div>
		</section>
		<!-- 合作伙伴 结束 -->
		
		<!-- 脚部部分 开始 -->
		<footer>
			<div class="container">
				<div class="row footitem">
					<div class="col-md-8 col-sm-8 col-xs-12">
						<div class="footleft">
							<ul>
								<li><a href="">公司简介</a></li>
								<li><a href="">联系方式</a></li>
								<li><a href="">人才招聘</a></li>
							</ul>
						</div>
						<div class="copyright clearfix">
							<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </p>
						</div>
					</div>
					<!--  -->
					<div class="col-md-4 col-sm-4 hidden-xs">
						<div class="footerWrap1" id="footerWrap1">
							<a href="javascript:void(0);" class="youxiang" target="_top"></a>
							<div class="email-01" style="display: none;"> 
								<img src="./images/email.png"" height="150" width="142"> 
							</div>
							<a href="javascript:void(0);" class="weixin"></a>
							<div class="wxpop" style="display: none;"> 
								<img src="./images/weixin.png" alt="" height="150" width="142"> 
							</div>
							<a href="javascript:void(0);" class="qq"></a>
							<div class="qqpop" style="display: none;"> 
								<img src="./images/qqpop.png" alt="" height="150" width="142">
							</div>
						</div>
						<!--  -->
					</div>
				<!--  -->
				</div>
			</div>
		</footer>
		<!-- 脚部部分 结束 -->
	</body>
	
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.js"></script>
	<script type="text/javascript">
		function popCeil() {
				$(".youxiang").mouseover(function() {
					$(".email-01").show();
				});
				$(".youxiang").mouseout(function() {
					$(".email-01").hide();
				});
				$(".weixin").mouseover(function() {
					$(".wxpop").show();
				});
				$(".weixin").mouseout(function() {
					$(".wxpop").hide();
				});
				$(".qq").mouseover(function() {
					$(".qqpop").show();
				});
				$(".qq").mouseout(function() {
					$(".qqpop").hide();
				});
				$(".top2").mouseover(function() {
					$(".returnsl").show();
				});
				$(".top2").mouseout(function() {
					$(".returnsl").hide();
				});
			}
			$(document).ready(function() {
				popCeil();
			});
	</script>
</html>
